<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <script src="https://assets.giocdn.com/sdk/webjs/giokit.min.js"></script>
    <script type="text/javascript">
      var gioKit = new GioKit();
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>免费短视频下载器 - 抖音下载/快手下载/B站下载/小红书下载 | 山山解析</title>
    
    <!-- SEO Meta Tags -->
    <meta name="description" content="2024最新免费短视频下载工具，支持抖音下载、快手下载、B站下载、小红书下载。永久免费，秒下载高清无水印视频，同时提供文案提取功能。">
    <meta name="keywords" content="短视频下载, 抖音下载, 快手下载, 小红书下载, b站下载, 哔哩哔哩下载, 视频下载工具, 免费视频下载, 高清视频下载, 无水印下载, 批量视频下载, 在线视频下载, 短视频文案提取, 抖音文案获取, AI文案解析, 视频文案生成, 怎么下载短视频, 如何保存视频, 视频保存工具, 2024最新下载器, 最好的视频下载器, 永久免费下载, 秒下载视频, 手机视频下载, 电脑视频下载">
    <meta name="author" content="山山解析">
    <meta name="robots" content="index, follow">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="免费短视频下载器 - 抖音下载/快手下载/B站下载/小红书下载 | 山山解析">
    <meta property="og:description" content="免费短视频下载工具，支持抖音下载、快手下载、B站下载、小红书下载。一键下载高清视频，同时提供文案获取功能。">
    <meta property="og:url" content="https://www.xiaoshanqing.tech/">
    <meta property="og:site_name" content="山山解析">
    <meta property="og:image" content="https://www.xiaoshanqing.tech/static/img/og-image.svg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:type" content="image/svg+xml">
    
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="免费短视频下载器 - 抖音下载/快手下载/B站下载/小红书下载 | 山山解析">
    <meta name="twitter:description" content="免费短视频下载工具，支持抖音下载、快手下载、B站下载、小红书下载。一键下载高清视频，同时提供文案获取功能。">
    <meta name="twitter:image" content="https://www.xiaoshanqing.tech/static/img/og-image.svg">
    <meta name="twitter:site" content="@shanshanparser">
    <meta name="twitter:creator" content="@shanshanparser">
    
    <!-- 额外SEO标签 -->
    <meta name="theme-color" content="#667eea">
    <meta name="msapplication-TileColor" content="#667eea">
    <meta name="msvalidate.01" content="19B0ADEB1521F5751BD9312BFE9363CD" />
    <meta name="baidu-site-verification" content="codeva-RAJkBsaLt5" />
    <link rel="canonical" href="https://www.xiaoshanqing.tech/">
    <meta name="format-detection" content="telephone=no">
    <meta name="generator" content="山山解析 - 专业短视频下载工具">
    <meta name="rating" content="general">
    <meta name="revisit-after" content="1 days">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    
    <!-- Favicon -->
    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='grad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' style='stop-color:%2364b5f6;stop-opacity:1'/><stop offset='100%25' style='stop-color:%23e91e63;stop-opacity:1'/></linearGradient></defs><rect width='100' height='100' rx='20' fill='url(%23grad)'/><path d='M25 35 L75 35 A5 5 0 0 1 80 40 L80 70 A5 5 0 0 1 75 75 L25 75 A5 5 0 0 1 20 70 L20 40 A5 5 0 0 1 25 35 Z' fill='white'/><circle cx='40' cy='55' r='8' fill='%2364b5f6'/><polygon points='55,45 70,55 55,65' fill='%23e91e63'/></svg>">
    
    <!-- 性能优化 -->
    <link rel="dns-prefetch" href="//www.googletagmanager.com">
    <link rel="dns-prefetch" href="//fonts.googleapis.com">
    <link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
    <link rel="dns-prefetch" href="//assets.giocdn.com">
    <link rel="preload" href="/static/css/app.css" as="style">
    <link rel="preload" href="/static/js/app.js" as="script">
    
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"></noscript>
    
    <!-- Styles -->
    <link rel="stylesheet" href="/static/css/app.css">
    
    <!-- CryptoJS for encryption compatibility -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.2.0/crypto-js.min.js" integrity="sha512-a+SUDuwNzXDvz4XrIcXHuCf089/iJAoN4lmrXJg18XnduKK6YlDHNRalv4yd1N40OKI80tFidF+rqTFKGPoWFQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    
    <!-- Analytics & 商业化追踪 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z87T2K1RVY"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-Z87T2K1RVY', {
            // 增强电子商务跟踪
            custom_map: {
                'custom_parameter_1': 'video_platform',
                'custom_parameter_2': 'video_action'
            }
        });
        
        // 封装跟踪函数用于业务事件
        window.trackEvent = function(action, category, label, value) {
            gtag('event', action, {
                'event_category': category,
                'event_label': label,
                'value': value
            });
        };
    </script>

    <!-- 结构化数据 (JSON-LD) -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebApplication",
        "name": "山山解析",
        "alternateName": "免费短视频下载器",
        "description": "免费短视频下载工具，支持抖音下载、快手下载、B站下载、小红书下载。一键下载高清无水印视频，同时提供视频文案提取、信息获取等功能。",
        "url": "https://www.xiaoshanqing.tech/",
        "applicationCategory": "MultimediaApplication",
        "operatingSystem": "Web Browser",
        "browserRequirements": "Modern web browser with JavaScript support",
        "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "CNY"
        },
        "author": {
            "@type": "Organization",
            "name": "山山解析",
            "url": "https://www.xiaoshanqing.tech/"
        },
        "publisher": {
            "@type": "Organization",
            "name": "山山解析",
            "logo": {
                "@type": "ImageObject",
                "url": "https://www.xiaoshanqing.tech/static/img/og-image.svg",
                "width": "1200",
                "height": "630"
            }
        },
        "potentialAction": {
            "@type": "SearchAction",
            "target": "https://www.xiaoshanqing.tech/?url={search_term_string}",
            "query-input": "required name=search_term_string"
        },
        "featureList": [
            "短视频下载",
            "抖音视频下载",
            "快手视频下载",
            "B站视频下载",
            "小红书视频下载",
            "高清无水印下载",
            "视频文案提取",
            "视频信息获取",
            "批量视频下载"
        ]
    }
    </script>

    <!-- FAQ结构化数据 -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [{
            "@type": "Question",
            "name": "支持哪些视频平台的下载？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "山山解析支持抖音、快手、B站（哔哩哔哩）、小红书四大平台的短视频下载，提供高清无水印下载服务。"
            }
        }, {
            "@type": "Question", 
            "name": "如何下载短视频？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "只需将视频链接或分享文本粘贴到输入框中，点击获取信息按钮，即可一键下载高清无水印视频，同时获取视频文案和详细信息。"
            }
        }, {
            "@type": "Question",
            "name": "可以下载哪些格式的视频？",
            "acceptedAnswer": {
                "@type": "Answer", 
                "text": "支持下载高清MP4格式视频，无水印无压缩。同时提供视频文案提取、标题、作者信息、封面、标签、统计数据等功能。"
            }
        }]
    }
    </script>

    <!-- 面包屑导航结构化数据 -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [{
            "@type": "ListItem",
            "position": 1,
            "name": "首页",
            "item": "https://www.xiaoshanqing.tech/"
        }, {
            "@type": "ListItem",
            "position": 2,
            "name": "视频信息提取",
            "item": "https://www.xiaoshanqing.tech/"
        }]
    }
    </script>

    <!-- VideoObject结构化数据 -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "山山解析短视频下载器",
        "description": "免费短视频下载工具，支持抖音、快手、B站、小红书四大平台高清无水印视频下载",
        "url": "https://www.xiaoshanqing.tech/",
        "downloadUrl": "https://www.xiaoshanqing.tech/",
        "applicationCategory": "MultimediaApplication",
        "operatingSystem": "Web Browser",
        "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "CNY",
            "priceValidUntil": "2025-12-31"
        },
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.8",
            "reviewCount": "12580",
            "bestRating": "5",
            "worstRating": "1"
        },
        "review": [{
            "@type": "Review",
            "@id": "review1",
            "author": {
                "@type": "Person",
                "name": "用户小李"
            },
            "reviewRating": {
                "@type": "Rating",
                "ratingValue": "5",
                "bestRating": "5"
            },
            "reviewBody": "超好用的短视频下载工具！支持抖音快手B站小红书，下载速度快，画质清晰无水印。",
            "datePublished": "2024-12-01"
        }, {
            "@type": "Review",
            "@id": "review2", 
            "author": {
                "@type": "Person",
                "name": "视频博主王小明"
            },
            "reviewRating": {
                "@type": "Rating",
                "ratingValue": "5",
                "bestRating": "5"
            },
            "reviewBody": "作为内容创作者，这个工具帮了我大忙！可以快速下载各平台视频做素材，还能提取文案，强烈推荐！",
            "datePublished": "2024-11-28"
        }],
        "featureList": [
            "抖音视频下载",
            "快手视频下载", 
            "B站视频下载",
            "小红书视频下载",
            "高清无水印下载",
            "批量视频下载",
            "视频文案提取",
            "永久免费使用"
        ]
    }
    </script>
</head>
<body>
    <!-- 页面头部 -->
    <div data-component="header"></div>


    <!-- 主要内容区域 -->
    <main class="main-content" role="main">
        <div class="hero-section">
            <div class="container">
                <div class="hero-content">
                    <h1 class="hero-title">
                        免费<span class="highlight">短视频下载</span>工具
                    </h1>
                    <p class="hero-description">
                        支持抖音、快手、B站、小红书四大平台<br>
                        <strong>2025最新版本</strong> | <strong>永久免费</strong> | <strong>秒下载</strong> | <strong>高清无水印</strong><br>
                        一键下载视频，同时获取文案和详细信息
                    </p>
                    
                    <!-- 视频链接输入表单 -->
                    <form class="video-form" id="videoForm" aria-label="视频信息提取表单">
                        <div class="form-group">
                            <label for="videoUrl" class="sr-only">视频链接</label>
                            <input 
                                type="text" 
                                id="videoUrl" 
                                class="form-input" 
                                placeholder="粘贴视频链接或分享文本，如：4.12 11/19 W@m.Dh OXm:/ 如何看待黄金大涨呢？ https://v.douyin.com/JVIZ3oLSeJA/ 复制此链接..."
                                autocomplete="off"
                                required
                                aria-describedby="input-help">
                            <button type="submit" class="form-button" id="submitButton">
                                <span class="button-text">下载视频</span>
                                <span class="button-loading" style="display: none;">
                                    <svg class="loading-spinner" viewBox="0 0 24 24">
                                        <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none" opacity="0.25"/>
                                        <path fill="currentColor" opacity="0.75" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"/>
                                    </svg>
                                    下载中
                                </span>
                            </button>
                        </div>
                        <div class="form-help" id="input-help">
                            支持下载：抖音、快手、B站、小红书 | 高清无水印 | 文案提取
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- 结果展示区域 -->
        <section class="results-section" id="resultsSection" style="display: none;" aria-label="视频信息结果">
            <div class="container">
                <!-- 顶部广告位 -->
                <div class="ad-container ad-top" id="adTop" style="display: none;">
                    <!-- Google AdSense 或其他广告代码 -->
                    <div class="ad-placeholder">
                        <span class="ad-label">广告位 - 顶部横幅</span>
                        <div class="ad-size">728x90</div>
                    </div>
                </div>
                
                <h2 class="section-title">下载结果</h2>
                <div class="result-card" id="resultContent">
                    <!-- 结果内容将通过JavaScript动态填充 -->
                </div>
                
                <!-- 底部广告位 -->
                <div class="ad-container ad-bottom" id="adBottom" style="display: none;">
                    <div class="ad-placeholder">
                        <span class="ad-label">广告位 - 结果下方</span>
                        <div class="ad-size">728x90</div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 支持平台展示 -->
        <section class="platforms-section">
            <div class="container">
                <h2 class="section-title">支持下载的平台</h2>
                <h3 class="platforms-subtitle">高清无水印，永久免费</h3>
                <div class="platforms-grid">
                    <div class="platform-card">
                        <div class="platform-icon">📱</div>
                        <div class="platform-name">抖音</div>
                    </div>
                    <div class="platform-card">
                        <div class="platform-icon">⚡</div>
                        <div class="platform-name">快手</div>
                    </div>
                    <div class="platform-card">
                        <div class="platform-icon">📺</div>
                        <div class="platform-name">哔哩哔哩</div>
                    </div>
                    <div class="platform-card">
                        <div class="platform-icon">📖</div>
                        <div class="platform-name">小红书</div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- 页面底部 -->
    <div data-component="footer"></div>

    <!-- 悬浮反馈组件 -->
    <div class="floating-feedback" id="floatingFeedback">
        <button class="feedback-toggle" id="feedbackToggle">
            <span class="feedback-icon">💬</span>
            <span class="feedback-text">反馈</span>
        </button>
        
        <div class="feedback-panel" id="feedbackPanel">
            <div class="feedback-header">
                <h3>加入反馈群</h3>
                <button class="feedback-close" id="feedbackClose">×</button>
            </div>
            <div class="feedback-body">
                <div class="feedback-qr">
                    <img src="/static/img/feedback-qr.png" alt="反馈群二维码" class="qr-code" 
                         onerror="this.parentElement.innerHTML='<div class=&quot;qr-placeholder&quot;><div class=&quot;qr-icon&quot;>📱</div><p>请放置二维码<br>feedback-qr.png</p></div>'"
                    <p class="qr-description">扫码加入反馈群</p>
                </div>
                <div class="feedback-benefits">
                    <p>🐛 问题反馈</p>
                    <p>💡 功能建议</p>
                    <p>🎉 更新通知</p>
                </div>
            </div>
        </div>
    </div>

    <!-- JavaScript -->
    <script src="/static/js/components.js"></script>
    <script src="/static/js/app.js"></script>
    <script>
        // 页面加载完成后初始化
        document.addEventListener('DOMContentLoaded', async function() {
            // 初始化页面组件
            if (window.initializePage) {
                await initializePage('nav-home');
            }
            
            // 初始化悬浮反馈组件
            initFloatingFeedback();
        });
        
        // 悬浮反馈组件逻辑
        function initFloatingFeedback() {
            const feedbackToggle = document.getElementById('feedbackToggle');
            const feedbackPanel = document.getElementById('feedbackPanel');
            const feedbackClose = document.getElementById('feedbackClose');
            const floatingFeedback = document.getElementById('floatingFeedback');
            
            // 切换面板显示/隐藏
            feedbackToggle.addEventListener('click', function() {
                const isVisible = feedbackPanel.style.display === 'block';
                feedbackPanel.style.display = isVisible ? 'none' : 'block';
                floatingFeedback.classList.toggle('active', !isVisible);
                
                // 追踪事件
                if (typeof window.trackEvent === 'function') {
                    window.trackEvent('floating_feedback', isVisible ? 'close' : 'open', 'sidebar');
                }
            });
            
            // 关闭按钮
            feedbackClose.addEventListener('click', function() {
                feedbackPanel.style.display = 'none';
                floatingFeedback.classList.remove('active');
            });
            
            // 点击外部关闭
            document.addEventListener('click', function(e) {
                if (!floatingFeedback.contains(e.target)) {
                    feedbackPanel.style.display = 'none';
                    floatingFeedback.classList.remove('active');
                }
            });
            
            // ESC键关闭
            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') {
                    feedbackPanel.style.display = 'none';
                    floatingFeedback.classList.remove('active');
                }
            });
        }
        
        // 页面性能监控
        window.addEventListener('load', function() {
            if ('PerformanceObserver' in window) {
                const observer = new PerformanceObserver((list) => {
                    for (const entry of list.getEntries()) {
                        if (entry.entryType === 'navigation') {
                            // 发送性能数据到Google Analytics
                            gtag('event', 'page_load_time', {
                                'event_category': 'performance',
                                'event_label': 'navigation',
                                'value': Math.round(entry.loadEventEnd - entry.fetchStart)
                            });
                        }
                    }
                });
                observer.observe({entryTypes: ['navigation']});
            }
        });
    </script>
</body>
</html>